import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
import postCssPxToRem from 'postcss-pxtorem';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base: './',
  server: {             
    host: '0.0.0.0',	      
    open: true
  },
  css:{
    postcss:{
      plugins:[
        postCssPxToRem({
           // 设计稿宽度的1/10，通常是370的1/10
           rootValue: 1.05,
           // 需要转换的属性，除 border 外所有px 转 rem
           propList: ['*', "!border"], 
           // 要忽略的选择器
           selectorBlackList: ['van'], 
           replace: true, // 直接更换成rem
           mediaQuery: false, // 是否要在媒体查询中转换px
           minPixelValue: 2 // 设置要转换的最小像素值
        })
      ]
    }
  },
  resolve:{   
    //别名配置，引用src路径下的东西可以通过@如：import Layout from '@/layout/index.vue'
    alias:[   
      {
        find:'@',
        replacement:resolve(__dirname,'src') 
      }
    ]
  }
})
